// 新品模块
@import "./mixin";
.newProduct {
    width: 100%;
    height: 980px;
    margin-top: 80px;
    .newProduct-center {
        height: 888px;
        .newProduct-center-head {
            height: 38px;
            line-height: 38px;
            p {
                width: 100px;
                height: 38px;
                font-size: 24px;
                color: #000;
            }
        }
    }
    .newProduct-center-top {
        width: 100%;
        height: 398px;
        margin-top: 30px;
        .newProduct-img {
            float: left;
            width: 892px;
            height: 398px;
            img {
                width: 100%;
                height: 100%;
            }
        }
        .newProduct-right {
            float: left;
            width: 282px;
            height: 220px;
            margin-left: 25px;
            background-color: #fff;
            img {
                width: 220px;
                height: 220px;
            }
            div {
                width: 234px;
                height: 178px;
                padding: 0 24px;
                background-color: #eee;
                border-top: 1px solid opacify($color: #FFF, $amount: 0);
                p:nth-of-type(1) {
                    overflow: hidden;
                    width: 234px;
                    height: 50px;
                    line-height: 24px;
                    color: #3A3D3F;
                    font-size: 18px;
                    font-weight: 700;
                    margin: 18px 0 0;
                }
                p:nth-of-type(2) {
                    overflow: hidden;
                    width: 234px;
                    height: 50px;
                    line-height: 24px;
                    color: #3A3D3F;
                    font-size: 16px;
                    margin: 6px 0 0;
                }
                p:nth-of-type(3) {
                    width: 234px;
                    height: 32px;
                    font-weight: 700;
                    color: #e03531;
                    margin: 6px 0 0;
                    span {
                        font-size: 24px;
                    }
                }
            }
        }
    }
    .newProduct-center-bottom {
        width: 1200px;
        height: 398px;
        margin-top: 25px;
        .newProduct-right {
            float: left;
            width: 282px;
            height: 220px;
            margin-right: 23px;
            background-color: #fff;
            img {
                width: 220px;
                height: 220px;
            }
            div {
                width: 234px;
                height: 178px;
                padding: 0 24px;
                background-color: #eee;
                p:nth-of-type(1) {
                    overflow: hidden;
                    width: 234px;
                    height: 50px;
                    line-height: 24px;
                    color: #3A3D3F;
                    font-size: 18px;
                    font-weight: 700;
                    margin: 18px 0 0;
                }
                p:nth-of-type(2) {
                    overflow: hidden;
                    width: 234px;
                    height: 50px;
                    line-height: 24px;
                    color: #3A3D3F;
                    font-size: 16px;
                    margin: 6px 0 0;
                }
                p:nth-of-type(3) {
                    width: 234px;
                    height: 32px;
                    font-weight: 700;
                    color: #e03531;
                    margin: 6px 0 0;
                    span {
                        font-size: 24px;
                    }
                }
            }
        }
        .newProduct-right:nth-of-type(4) {
            margin-right: 0;
        }
    }
}